<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0,user-scalable=no,maximum-scale=1.0,minimum-scale=1.0">
    <title>购物车空状态</title>
    <link rel="stylesheet" href="./css/shoppingcartemptystate.min.css">
</head>
<body>
    <div class="wrap">
        <header>
            <!-- 顶部tabBar -->
            <div class="shopping-top">
                <div class="return">&lt;</div>
                <div class="shoppingcar">购物车</div>
                <div class="return"></div>
            </div>
            <!-- 主体内容 -->
            <div class="shopping-middle">
                    <img src="./img/shoppingcar/cartback.png" alt="">
                    <p>购物车暂时没有商品</p>
                    <a href="" ><div class="click">去逛逛</div></a>
            </div>
            <div class="transition">
            </div>
            <!-- 猜你喜欢推荐样式 -->
            <div class="shopping-main">
                <div class="title">
                    <p>猜你喜欢</p>
                </div>
                <!-- 花朵列表样式 -->
                <div class="show-flower">
                    <ul class="introduction">
                        <li>
                            <a href="#"><img src="./img/shoppingcar/202006301514481588.png" alt=""></a>
                            <p class="flower-name">永恒回忆</p>
                            <div class="index">
                                <p class="price">￥ 329</p>
                                <p class="quantity">销量16022笔</p>
                            </div>
                        </li>
                        <li>
                            <a href="#"><img src="./img/shoppingcar/202006301617407670.png" alt=""></a>
                            <p class="flower-name">永恒回忆</p>
                            <div class="index">
                                <p class="price">￥ 329</p>
                                <p class="quantity">销量16022笔</p>
                            </div>
                        </li>
                        <li>
                            <a href="#"><img src="./img/shoppingcar/202007070955492666.png" alt=""></a>
                            <p class="flower-name">永恒回忆</p>
                            <div class="index">
                                <p class="price">￥ 329</p>
                                <p class="quantity">销量16022笔</p>
                            </div>
                        </li>
                        <li>
                            <a href="#"><img src="./img/shoppingcar/202007071003531298.png" alt=""></a>
                            <p class="flower-name">永恒回忆</p>
                            <div class="index">
                                <p class="price">￥ 329</p>
                                <p class="quantity">销量16022笔</p>
                            </div>
                        </li>
                        <li>
                            <a href="#"><img src="./img/shoppingcar/202008181631286320.png" alt=""></a>
                            <p class="flower-name">永恒回忆</p>
                            <div class="index">
                                <p class="price">￥ 329</p>
                                <p class="quantity">销量16022笔</p>
                            </div>
                        </li>
                        <li>
                            <a href="#"><img src="./img/shoppingcar/202008261130205022.png" alt=""></a>
                            <p class="flower-name">永恒回忆</p>
                            <div class="index">
                                <p class="price">￥ 329</p>
                                <p class="quantity">销量16022笔</p>
                            </div>
                        </li>
                        <li>
                            <a href="#"><img src="./img/shoppingcar/202010260915414084.png" alt=""></a>
                            <p class="flower-name">永恒回忆</p>
                            <div class="index">
                                <p class="price">￥ 329</p>
                                <p class="quantity">销量16022笔</p>
                            </div>
                        </li>
                        <li>
                            <a href="#"><img src="./img/shoppingcar/202012081501255872.png" alt=""></a>
                            <p class="flower-name">永恒回忆</p>
                            <div class="index">
                                <p class="price">￥ 329</p>
                                <p class="quantity">销量16022笔</p>
                            </div>
                        </li>
                        <li>
                            <a href="#"><img src="./img/shoppingcar/202101041606278298.png" alt=""></a>
                            <p class="flower-name">永恒回忆</p>
                            <div class="index">
                                <p class="price">￥ 329</p>
                                <p class="quantity">销量16022笔</p>
                            </div>
                        </li>
                        <li>
                            <a href="#"><img src="./img/shoppingcar/202104260950064701.png" alt=""></a>
                            <p class="flower-name">永恒回忆</p>
                            <div class="index">
                                <p class="price">￥ 329</p>
                                <p class="quantity">销量16022笔</p>
                            </div>
                        </li>
                        <li>
                            <a href="#"><img src="./img/shoppingcar/202104261016201129.png" alt=""></a>
                            <p class="flower-name">永恒回忆</p>
                            <div class="index">
                                <p class="price">￥ 329</p>
                                <p class="quantity">销量16022笔</p>
                            </div>
                        </li>
                        <li>
                            <a href="#"><img src="./img/shoppingcar/202104261158351537.png" alt=""></a>
                            <p class="flower-name">永恒回忆</p>
                            <div class="index">
                                <p class="price">￥ 329</p>
                                <p class="quantity">销量16022笔</p>
                            </div>
                        </li>
                        <li>
                            <a href="#"><img src="./img/shoppingcar/202104261208472868.png" alt=""></a>
                            <p class="flower-name">永恒回忆</p>
                            <div class="index">
                                <p class="price">￥ 329</p>
                                <p class="quantity">销量16022笔</p>
                            </div>
                        </li>
                        <li>
                            <a href="#"><img src="./img/shoppingcar/202104261257415133.png" alt=""></a>
                            <p class="flower-name">永恒回忆</p>
                            <div class="index">
                                <p class="price">￥ 329</p>
                                <p class="quantity">销量16022笔</p>
                            </div>
                        </li>
                        <li>
                            <a href="#"><img src="./img/shoppingcar/202104261310519646.png" alt=""></a>
                            <p class="flower-name">永恒回忆</p>
                            <div class="index">
                                <p class="price">￥ 329</p>
                                <p class="quantity">销量16022笔</p>
                            </div>
                        </li>
                        <li>
                            <a href="#"><img src="./img/shoppingcar/202105191204581151.png" alt=""></a>
                            <p class="flower-name">永恒回忆</p>
                            <div class="index">
                                <p class="price">￥ 329</p>
                                <p class="quantity">销量16022笔</p>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
        </header>
        <!-- 尾部tabBar -->
        <footer>
            <div class="shopping-bottom">
                <ul class="tabBar">
                    <li>
                        <img src="./img/shoppingcar/WechatIMG254 1.png" alt="">
                        <P>首页</P>
                    </li>
                    <li>
                        <img src="./img/shoppingcar/WechatIMG250 1.png" alt="">
                        <p>分类</p>
                    </li>
                    <li>
                        <img src="./img/shoppingcar/WechatIMG256 1.png" alt="">
                        <p>购物车</p>
                    </li>
                    <li>
                        <img src="./img/shoppingcar/WechatIMG253 1.png" alt="">
                        <p>我的</p>
                    </li>
                </ul>
            </div>
        </footer>
    </div>
</body>
</html>